<template>
  <div class="cc">
    <div class="u">
      <div class="u1">
        <div class="u2">
          <div class="u3">
            <img src="../assets/首页_slices/打造前程标志(1).jpg" />
          </div>
          <div class="u4">
            <li>首页</li>
            <li>集团概况</li>
            <li>集团产业</li>
            <li>集团新闻</li>
            <li>合作院校</li>
            <li>联系我们</li>
            <li>招聘信息</li>
          </div>
        </div>
      </div>
      <div class="u5">
        <div class="u6">
          <p>联系我们</p>
          <h1>欢迎联系我们</h1>
        </div>
      </div>
      <div class="u7">
        <div class="u8">
          <h2>当前位置：首页 > 新闻中心 ></h2>
        </div>
      </div>
    </div>
    <div class="uu">
      <div class="uu1">
        <div class="uu2">
          <div class="uu3">
            <p>联系我们</p>
            <h1>contact us</h1>
          </div>
          <div class="uu4">
            <div class="uu5">
              <div class="uu6">
                <h2>热线电话</h2>
                <p>TEL 4000-000000</p>
              </div>
              <div class="uu7">
                <h2>公司邮箱</h2>
                <p>logo@163.com</p>
              </div>
            </div>
            <div class="uu8">
              <div class="uu9">
                <h2>教务合作</h2>
                <p>15888888888</p>
              </div>
              <div class="uu10">
                <h2>公司地址</h2>
                <p>中国地区XX分区5A写字楼8-88室</p>
              </div>
            </div>
          </div>
          <div class="uu11">
            <div class="uu12"><img src="../assets/位图.png" /></div>
            <h2>关注微信公众号</h2>
          </div>
        </div>
        <div class="uu15">
          <img src="../assets/222.png" />
        </div>
      </div>
    </div>
    <BeauTial></BeauTial>
  </div>
</template>

<script>
import BeauTial from "/桌面/dzqc/src/components/BeauTial.vue";
export default {
  name: "LxWm",
  components: {
    BeauTial,
  },
};
</script>
<style scoped>
.cc {
  width: 1920px;
  height: 1721px;
  /* border: 1px solid red; */
}
.u {
  width: 1920px;
  height: 428px;
  /* border: 1px solid red; */
}
.u1 {
  width: 1920px;
  height: 56px;
  margin-top: 23px;
  display: flex;
  /* border: 1px solid red; */
}
.u2 {
  width: 1200px;
  height: 54px;
  display: flex;
  margin-left: 360px;
  /* border: 1px solid red; */
}
.u3 {
  margin-top: -6px;
}
.u4 {
  width: 656px;
  height: 22px;
  display: flex;
  margin-left: 363px;
  list-style-type: none;
  margin-top: 16px;
  /* border: 1px solid red; */
}
.u4 li {
  font-size: 16px;
  font-weight: 400;
  color: #444444;
  line-height: 22px;
  padding-left: 34px;
}
.u5 {
  width: 1920px;
  height: 300px;
  background: url(../assets/111.png);
  /* border: 1px solid red; */
}
.u6 {
  width: 270px;
  height: 78px;
  padding-top: 115px;
  margin-left: 460px;
  /* border: 1px solid red; */
}
.u6 p {
  height: 28px;
  font-size: 36px;
  color: #ffffff;
  margin-top: -4px;
}
.u6 h1 {
  width: 270px;
  height: 25px;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
}
.u7 {
  width: 1920px;
  height: 46px;
  /* border: 1px solid red; */
}
.u8 {
  width: 227px;
  height: 17px;
  margin-left: 360px;
  margin-top: 15px;
  border: 1px solid white;
}
.u8 h2 {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 2px;
}
.uu {
  width: 1920px;
  height: 885px;
  border: 1px solid white;
}
.uu1 {
  width: 1200px;
  height: 804px;
  margin-left: 360px;
  /* border: 1px solid red; */
}
.uu2 {
  width: 1200x;
  height: 229px;
  margin-top: 85px;
  display: flex;
  /* border: 1px solid red; */
}
.uu3 {
  width: 235px;
  height: 138px;
  /* border: 1px solid red; */
}
.uu3 p {
  font-size: 32px;
  font-weight: 600;
  color: #23337f;
  line-height: 0px;
}
.uu3 h1 {
  font-size: 48px;
  color: #f6f6f6;
  line-height: 32px;
}
.uu4 {
  width: 488px;
  height: 138px;
  margin-left: 148px;
  display: flex;
  /* border: 1px solid red; */
}
.uu5 {
  width: 159px;
  height: 138px;
  /* border: 1px solid red; */
}
.uu6,
.uu7 {
  width: 159px;
  height: 51px;
  /* border: 1px solid red; */
}
.uu6 h2,
.uu7 h2,
.uu9 h2,
.uu10 h2 {
  font-size: 16px;
  font-weight: 500;
  color: #444444;
  line-height: 2px;
}
.uu6 p,
.uu7 p,
.uu9 p,
.uu10 p {
  font-size: 18px;
  line-height: 16px;
}
.uu7 {
  margin-top: 36px;
}
.uu8 {
  width: 269px;
  height: 138px;
  margin-left: 60px;
  /* border: 1px solid red; */
}
.uu9,
.uu10 {
  width: 269px;
  height: 51px;
  /* border: 1px solid red; */
}
.uu10 {
  margin-top: 36px;
}
.uu15 {
  width: 1200px;
  height: 491px;
  /* border: 1px solid red; */
}
.uu11 {
  width: 111px;
  height: 112px;
  margin-left: 70px;
  margin-top: 26px;
  /* border: 1px solid red; */
}
.uu11 h2 {
  width: 98px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
  margin-left: 8px;
}
.uu12 {
  width: 111px;
  height: 109px;
  border: 1px solid #979797;
}
.uu12 img {
  margin: 7px 8px 7px 8px;
}
</style>